<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>视频插件</title>
  <!--引入css js文件-->
<link href="css/video-js.min.css" rel="stylesheet">
<script src="js/video.min.js"></script>
	<style>
		body{background-color: #252525}

	</style>
</head>

<body>
<!--使用 video.js 简单几步编写一个可以在微信、QQ内置浏览器中正常工作的 HTML5 视频播放器。-->
<div class="m">
<video
    id="my-player"
    class="video-js vjs-big-play-centered"
    controls
    width="1000px"
    poster="//vjs.zencdn.net/v/oceans.png"
    data-setup='{
    "autoplay":"true",
    "preload":"auto",
    "loop": "true"
    }'>
  <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source>
  <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
  <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a
    web browser that
    <a href="http://videojs.com/html5-video-support/" target="_blank">
      supports HTML5 video
    </a>
  </p>
</video>
</div>
<!--https://github.com/videojs/video.js-->
</body>
</html>
